<template>
  <span>{{ title }}</span>
</template>
<script>
export default {
  props: {
    title: {
			type: String,
			required: true
		}
  }
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
span {
  position: relative;
  color: #3e4cb3;
  padding-left: 11px;
  font-weight: bold;
  &::after {
    position: absolute;
    left: 0;
		top: 50%;

		width: 5px;
		height: 14px;

		transform: translateY(-50%);

		border-radius: 2px;
		content:  ' ';
    background: $--color-primary;
  }
}
</style>

